<template>
    <div class="other-test">
        <div style="text-align: center;">错误展示</div>
        <div
            style="width: 100%;height: 370px;overflow-y: scroll;background-color: white;overflow-x: scroll;white-space: nowrap;">
            <div v-for="item in datas">
                <p :style="{color:item.ote=='正确'? 'olivedrab':'red' ,fontWeight: 'bolder'}">{{ item.ote }}&nbsp;&nbsp;第{{ item.id }}行</p>
                <div style="display: flex;margin-left: 40px;">
                    <p style="font-weight: bolder;">脚本库：</p><span>{{ item.one }}</span>
                </div>
                <div style="display: flex;margin-left: 40px;"><p style="font-weight: bolder;">导&nbsp;&nbsp;&nbsp;出：</p><span>{{ item.two == 'undefined' ? '无内容' : item.two }}</span></div>
                
            </div>
        </div>
    </div>
</template>

<script>
import {ipcRenderer} from 'electron'
export default {
    data() {
        return {
            datas: [],
        }
    },
    created(){
        ipcRenderer.on('message-from-kiss',(event,message)=>{
            this.datas=JSON.parse(message)
        })
    },
    mounted() {
        // this.datas = localStorage.getItem('datas')
        // this.datas = JSON.parse(this.datas)
        // console.log(this.datas);
    
    },
    methods: {
       
    }

}
</script>

<style>
.other-test {
    width: 100%;
    height: 420px;
    box-sizing: border-box;
  padding: 15px;
}
</style>